<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page session="false" %>
<html>
<head>
	<title>Home</title>
	<!-- Latest compiled and minified CSS --> 
	<link rel= "stylesheet" href= "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" >  
	<link rel= "stylesheet" href= "//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css" > 
	<script src= "//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" ></script> 
	<link rel="stylesheet" href="resources/css/blueberry.css" />
<style type="text/css">
* {
 margin: 0;
 border: 0;
 padding: 0;
}
body {
 background: #f0f0f0;
 font: 14px/20px Arial, San-Serif;
 color: #404040;
}
a { color: #264c99; text-decoration: none; }
a:hover { text-decoration: underline; }

h1,h2,h3,h4,p { margin-bottom: 20px; }
h1 {
 font-size: 48px;
 line-height: 60px;
 color: #ffffff;
 text-transform: lowercase;
}
h2, h3 {
 font-weight: normal;
 font-size: 22px;
 line-height: 40px;
 color: #808080;
}
h3 { font-size: 18px; color: #404040; }
h5 { font-weight: bold; font-size: 14px; color: #000; }

#header {
 height: 60px;
 padding-top: 20px; padding-bottom: 20px;
 text-align: center;
 background: #405580;
}
#header h1 {
 margin: 0 auto;
 min-width: 740px;
 max-width: 1140px;
}
#doc { margin: 40px 0; }
#content {
 margin: 0 auto;
 min-width: 740px;
 max-width: 1140px;
}
.blueberry { max-width: 960px; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="resources/js/jquery.blueberry.js"></script>
<script type="text/javascript">
 $(document).ready(function(){
  $("div").blueberry();
 });
</script>
</head>
<body>
페이지시작
<div align="center">
<!-- Standard button --> 
<button type= "button" class= "btn btn-default" onClick="javascript:location.href='sgindex'">SGI소개
</button>  
<!-- Provides extra visual weight and identifies the primary action in a set of buttons --> 
<button type= "button" class="btn btn-primary" onClick="javascript:location.href='sgihappy'">좌담회</button> 
<!-- Indicates a successful or positive action --> 
<button type= "button" class="btn btn-success" >행복나눔</button> 
<!-- Contextual button for informational alert messages --> 
<button type= "button" class="btn btn-info" >신입회원</button> 
<!-- Indicates caution should be taken with this action  -->
<button type= "button" class="btn btn-warning" >교학연찬</button> 
<!-- Indicates a dangerous or potentially negative action  -->
<button type= "button" class="btn btn-danger" >동영상</button> 
<!-- Deemphasize a button by making it look like a link while maintaining button behavior  -->
<button type= "button" class="btn btn-default" >커뮤니티</button> 
</div>
<div class="blueberry"> 
 <ul  class="slides">
      <li><img src="resources/images/img1.gif" /></li>
        <li><img src="resources/images/img2.jpg" /></li>
        <li><img src="resources/images/img3.jpg" /></li>
        <li><img src="resources/images/img4.jpg" /></li>
 </ul>
</div>

</body>
</html>
</body>
</html>
